<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            ul{
                /*
                列表样式类型
                circle：空心圆
                square：实心方块
                lower-alpha：小写英文字母
                upper-alpha:大写英文字母
                decimal：数字
                decimal-leading-zero：开头为零的数字
                */
                /*list-style-type: decimal-leading-zero;*/

                /*list-style-image: url("jiang.png");*/
                /*列表样式位置*/
                /*list-style-position: inside;*/

                /*简写*/
                list-style: circle url("jiang.png") inside;
            }
            li{
                background: red;
            }

        </style>
    </head>
    <body>
    <ui>
        <li>水浒传</li>
        <li>红楼梦</li>
        <li>金瓶梅</li>
        <li>罗马帝国艳情史</li>
    </ui>
    </body>
</html>